.pxToRem(@p,@px){
    @{p}: @px / 75 * 1rem;
}

.head{
	position: fixed;
	left: 0;
	top:0;
	.pxToRem(height,104);
	background: #df000e;
	width: 100%;
	display: flex;
	align-items:center;
	z-index: 9;
	span{
		&:nth-child(1){
			text-align: center;
			.pxToRem(width,205);
			img{
				.pxToRem(width,150);
			}
		}
		&:nth-child(2){
			flex:1;
			.pxToRem(height,62);
			color: #fff;
			background: #e94e58;
			.pxToRem(border-radius,62);
			.pxToRem(line-height,62);
			img{
				float: left;
				.pxToRem(margin-left,10);
				.pxToRem(margin-top,15);
				.pxToRem(width,32);
			}
			span{
				color: #fff;
				.pxToRem(margin-left,10);
				.pxToRem(font-size,30);
			}
		}
		&:nth-child(3){
			.pxToRem(width,62);
			.pxToRem(height,62);
			display: flex;
			align-items:center;
			justify-content:center;
			.pxToRem(margin-left,20);
			.pxToRem(margin-right,20);
			border: 1px solid #ea4d57;
			border-radius: 100%;
			img{
				.pxToRem(width,42);
			}
		}
	}
}
#footer{
	position:fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content:center;
	align-items:center;
	background: #f9f9f9;
	z-index: 10;
	a{
		width: 25%;
		text-align: center;
		.foo-dl{
			.pxToRem(height,105);
			display: flex;
			align-items:center;
			justify-content:center;
			flex-direction:column;
			color: #282828;
			text-align: center;
			dt{
				.pxToRem(font-size,50);
				img{
					.pxToRem(width,135);
					.pxToRem(margin-bottom,18);
				}
			}
			dd{
				.pxToRem(font-size,24);
				.pxToRem(padding-top,6);
			}
		}
	}
}